<template>
  <div class="annount-content">
    <i  class="iconfont icon-gonggao"/>
    <text-scroll class="text-scroll"  :text="antContent" :interval="500" :speed="20"/>
  </div>

</template>

<script lang="ts" setup>
import {ref} from 'vue';
import TextScroll from "@/components/text-scroll/index.vue";
const antContent = ref("网络故障通知:经过上下测试，经过上下测试经过上下测试，经过上下测试经过上下测试，经过上下测试经过上下测试，经过上下测试")
</script>

<style lang="scss" scoped>
.annount-content{
  display: flex;
  align-items: center;
  font-size: 12px;
  line-height: 24px;
  max-width: 500px;
  background-image: linear-gradient(to left, #E9FBFF 0%, #F3F5FF 100%);

  border-radius: 25px;
  padding: 4px;
  .iconfont{
    font-weight: bold;
  }
  .text-scroll{
    cursor: pointer;
  }
}
</style>
